<style>
    .panel {
        width: 1240px;
        margin: auto;
    }
    .contents-senddetail {
        align-items: center;
        margin: 0 auto;
        background: #fff;
        box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.11);
        border-radius: 6px;
        margin-top: 20px;
    }
    .title {
        display: flex;
        padding-top: 30px;
        align-items: center;
        margin-bottom: 29px;
    }
    .title .devider-title {
        margin-left: 30px;
        width: 4px;
        height: 16px;
        background: #1a96ff;
    }
    .title .title-name {
        height: 22px;
        font-size: 18px;
        font-weight: 500;
        color: #333;
        line-height: 22px;
        margin-left: 6px;
    }
    .contents-senddetail .detail-stauts {
        display: flex;
        margin-left: 30px;
        margin-right: 30px;
    }
    .contents-senddetail .detail-type {
        display: flex;
        width: 50%;
    }
    .el-button-group {
        display: inline-block;
        vertical-align: middle;
    }
    .contents-senddetail .detail-type .detail-type-button {
        padding: 0;
        font-size: 14px;
    }
    .contents-senddetail .confirm {
        width: 106px;
        height: 34px;
        font-size: 12px;
        font-weight: 400;
        color: #1f1f1f;
    }
    .el-button-group>.el-button:not(:last-child) {
        margin-right: -1px;
    }
    .el-button-group>.el-button:first-child {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
    .el-button-group>.el-button {
        float: left;
        position: relative;
    }
    .el-button {
        display: inline-block;
        line-height: 1;
        white-space: nowrap;
        cursor: pointer;
        background: #fff;
        border: 1px solid #dcdfe6;
        color: #606266;
        -webkit-appearance: none;
        text-align: center;
        box-sizing: border-box;
        outline: 0;
        margin: 0;
        transition: .1s;
        font-weight: 500;
        -moz-user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none;
        padding: 12px 20px;
        font-size: 14px;
        border-radius: 4px;
    }
    .contents-senddetail .detail-operator {
        width: 50%;
        display: flex;
        justify-content: flex-end;
    }
    .el-input {
        position: relative;
        font-size: 14px;
        display: inline-block;
        width: 100%;
    }
    .input-with-select .el-input__inner,  .el-input__inner {
        background: #fff;
        border: 1px solid #d6d6da;
        height: 36px;
        padding-left: 15px;
    }
    .el-input__suffix {
        right: 5px;
        transition: all .3s;
        pointer-events: none;
    }
    .el-input__prefix, .el-input__suffix {
        position: absolute;
        top: 0;
        -webkit-transition: all .3s;
        height: 100%;
        color: #c0c4cc;
        text-align: center;
    }
    .el-input__icon {
        height: 100%;
        width: 25px;
        text-align: center;
        transition: all .3s;
        line-height: 40px;
    }
    .contents-senddetail .table {
        overflow-x: auto;
        margin-top: 20px;
        margin-right: 30px;
        margin-left: 30px;
    }
    .el-table:before {
        left: 0;
        bottom: 0;
        width: 100%;
        height: 1px;
    }
    .el-table--border:after, .el-table--group:after, .el-table:before {
        content: "";
        position: absolute;
        background-color: #ebeef5;
        z-index: 1;
    }
    .el-table__body, .el-table__footer, .el-table__header {
        table-layout: fixed;
        border-collapse: separate;
    }
    .el-table td.el-table__cell, .el-table th.el-table__cell.is-leaf {
        border-bottom: 1px solid #ebeef5;
    }
    .el-table--border, .el-table--group {
        border: 1px solid #ebeef5;
    }
    .is-leaf {
        background: #f5f7fa;
    }
    .el-table .el-table__cell {
        padding: 12px 0;
        min-width: 0;
        box-sizing: border-box;
        text-overflow: ellipsis;
        vertical-align: middle;
        position: relative;
        text-align: left;
    }
    .el-table--border .el-table__cell, .el-table__body-wrapper .el-table--border.is-scrolling-left~.el-table__fixed {
        border-right: 1px solid #ebeef5;
    }
    .el-table--border .el-table__cell:first-child .cell, .el-table .cell {
        padding-left: 10px;
        padding-right: 10px;
    }
    .contents-senddetail .confirm-click{
        width: 106px;
        height: 34px;
        background: #1a96ff;
        font-size: 12px;
        font-weight: 400;
        color: #fff;
        border: 1px solid #1a96ff;
    }
    .el-button-group>.el-button:not(:first-child):not(:last-child) {
        border-radius: 0;
    }
    .el-button-group>.el-button:last-child {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
    .el-button-group>.el-button:first-child {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
    .infos{
        width: 30%;
        display: inline-block;
        vertical-align: top;
        padding: 20px 0;
        text-align: left;

    }
    .actions{
        width: 65%;
        text-align: right;
        display: inline-block;
        vertical-align: top;

    }
    .pager{
        margin-top: -20px;
    }
    .pager li > a, .pager li > span {
        display: inline-block;
        padding: 5px 14px;
        background-color: #fff;
        border: 1px solid #ddd;
        border-radius: 0px;
    }
    .contents-senddetail .opertor-item2 {
        margin-right: 18px;
        height: 17px;
        font-size: 14px;
        font-weight: 400;
        color: #1a96ff;
        line-height: 17px;
        cursor: pointer;
    }
    .contents-senddetail .sendresult2 {
        display: flex;
        align-items: center;
        color: #f36d56;
        cursor: pointer;
        height: 20px;
        font-size: 14px;
        font-weight: 400;
    }
    .selectitem,.selectitem:hover,.selectitem:focus{
        margin-left: 10px;
        background:  #1a96ff!important;
    }
    #search{
        margin-right: 50px;
    }
    .selectitems:hover, .selectitems:focus {
        color: #fff;
        background-color: #f39c12!important;
        border-color: #f39c12!important;
    }
</style>
<div class="panel panel-default panel-intro">
    <div class="">
        <div id="myTabContent" class="tab-content">
            <div class="tab-pane fade active in" id="one">
                <div class="widget-body no-padding">

                    <div   class="common-content contents-senddetail">
                        <div  class="title">
                            <div  class="devider-title"></div>
                            <div  class="title-name">{$years}{$setlog.type|default=''}</div>
                        </div>
                        <div  class="detail-stauts">
                            <div  class="detail-type">
                                <div  class="el-button-group">
                                    <button  type="button"
                                             class="el-button detail-type-button confirm {if $type==1}el-button--primary confirm-click{/if}" data-info="1"><span>微信发送</span>
                                    </button>
                                    <button  type="button"
                                             class="el-button detail-type-button confirm {if $type==4}el-button--primary confirm-click{/if}" data-info="4"><span>短信发送</span>
                                    </button>
                                </div>
                            </div>
                            <form id="types"  method="GET"
                                  action="">
                                <input type="hidden" id="type" value="{$type}" name="type">
                                <input type="hidden" id="id" value="{$id}" name="id">
                            </form>
                            <div  class="detail-operator">
                                <div >
                                    <form id="datetimes" method="post">
                                        <input type="hidden" value="1"  name="page">
                                        <div class="input-with-select el-input el-input--medium el-input--suffix"
                                                style="height: 30px;"><input type="text" id="testInput"
                                                                             autocomplete="off"
                                                                             placeholder="输入员工姓名搜索"
                                                                             class="el-input__inner"  name="name" value="{$name}">
                                        <span class="el-input__suffix"><span class="el-input__suffix-inner"><i
                                                class="fa fa-search el-input__icon"></i>
                                            </span></span></div>
                                    </form>
                                </div>
                                <div  style="position: relative;">
                                    <div  class="select-down only-two" >
                                        <div  class="selectitem btn btn-success"  id="search">搜索</div>
                                    </div>
                                </div>
                                <div  style="position: relative;">
                                    <div  class="select-down only-two" >
                                        <div  class="selectitem btn btn-success" id="exports">导出</div>
                                        <div  class="selectitem btn btn-success"  id="allchongfa">全部重发</div>
                                        <div class="selectitems btn btn-warning" id="allchongfaerr">重发全部失败</div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div  class="table scroll">
                            <div
                                    class="el-table el-table--fit el-table--border el-table--enable-row-hover el-table--enable-row-transition"
                                    style="width: 1179px; height:60vh">
                                <div class="hidden-columns">
                                    <div  class="sendresult"></div>
                                    <div  class="sendresult"></div>
                                    <div  class="sendresult"></div>
                                    <div ></div>
                                    <div ></div>
                                    <div ></div>
                                </div>
                                <div class="el-table__header-wrapper">
                                    <table cellspacing="0" cellpadding="0" border="0" class="el-table__header"
                                           style="width: 1179px;">
                                        <colgroup>
                                            <col name="el-table_1_column_1" width="177">
                                            <col name="el-table_1_column_2" width="173">
                                            <col name="el-table_1_column_3" width="173">
                                            <col name="el-table_1_column_4" width="173">
                                            <col name="el-table_1_column_5" width="173">
                                            <col name="el-table_1_column_6" width="310">
                                            <col name="gutter" width="0">
                                        </colgroup>
                                        <thead class="has-gutter">
                                        <tr class="">
                                            <th colspan="1" rowspan="1"
                                                class="el-table_1_column_1     is-leaf el-table__cell">
                                                <div class="cell">序号</div>
                                            </th>
                                            <th colspan="1" rowspan="1"
                                                class="el-table_1_column_2     is-leaf el-table__cell">
                                                <div class="cell">姓名</div>
                                            </th>
                                            <th colspan="1" rowspan="1"
                                                class="el-table_1_column_3     is-leaf el-table__cell">
                                                <div class="cell">手机号码</div>
                                            </th>
                                            <th colspan="1" rowspan="1"
                                                class="el-table_1_column_4     is-leaf el-table__cell">
                                                <div class="cell">发送时间</div>
                                            </th>
                                            <th colspan="1" rowspan="1"
                                                class="el-table_1_column_5     is-leaf el-table__cell">
                                                <div class="cell">状态</div>
                                            </th>
                                            <th colspan="1" rowspan="1"
                                                class="el-table_1_column_6     is-leaf el-table__cell">
                                                <div class="cell">操作</div>
                                            </th>
                                            <th class="el-table__cell gutter" style="width: 0px; display: none;"></th>
                                        </tr>
                                        </thead>
                                    </table>
                                </div>
                                <div class="el-table__body-wrapper is-scrolling-none" style="height:50vh">
                                    <table cellspacing="0" cellpadding="0" border="0" class="el-table__body"
                                           style="width: 1179px;">
                                        <colgroup>
                                            <col name="el-table_1_column_1" width="177">
                                            <col name="el-table_1_column_2" width="173">
                                            <col name="el-table_1_column_3" width="173">
                                            <col name="el-table_1_column_4" width="173">
                                            <col name="el-table_1_column_5" width="173">
                                            <col name="el-table_1_column_6" width="310">
                                        </colgroup>
                                        <tbody>
                                        {foreach name="list" item="vo" key="k"}

                                        <tr class="el-table__row">
                                            <td rowspan="1" colspan="1" class="el-table_1_column_1   el-table__cell">
                                                <input type="hidden" name="ids" value="{$vo.id}">
                                                <div class="cell">{$k+1}</div>
                                            </td>
                                            <td rowspan="1" colspan="1" class="el-table_1_column_2   el-table__cell">
                                                <div class="cell">{$vo.name}</div>
                                            </td>
                                            <td rowspan="1" colspan="1" class="el-table_1_column_3   el-table__cell">
                                                <div class="cell">{$vo.phone}</div>
                                            </td>
                                            <td rowspan="1" colspan="1" class="el-table_1_column_4   el-table__cell">
                                                <div class="cell">
                                                    <div  class="sendresult">{:date('Y-m-d H:i:s',$vo['updatetime'])}</div>
                                                </div>
                                            </td>
                                            <td rowspan="1" colspan="1" class="el-table_1_column_5   el-table__cell">
                                                <div class="cell">
                                                    <div  class="el-tooltip flex align-center item"
                                                          aria-describedby="el-tooltip-9915" tabindex="0"
                                                          style="width: 4em; white-space: nowrap;">
                                                        <div  class="{if $vo.status==0}sendresult2{/if}">{if $vo.status==0}失败{elseif $vo.status==1}成功{else/}撤回{/if}</div>
                                                    </div>
                                                </div>
                                            </td>
                                            <td rowspan="1" colspan="1" class="el-table_1_column_6   el-table__cell">
                                                <div class="cell">
                                                    <a  size="mini" class="opertor-item2 " style="color: rgb(61, 127, 255);"  href="{:url('infodetails',['id'=>$vo['id']])}" >查看</a>
                                                    <a size="mini" class="opertor-item2 " style="color: rgb(61, 127, 255);" href="{:url('infoedit',['id'=>$vo['id']])}">修改</a>
                                                    <span size="mini" class="opertor-item2 chongfa" data-id="{$vo.id}" data-type="{$type}" style="color: rgb(61, 127, 255);" >重发</span>
                                                </div>
                                            </td>
                                        </tr>
                                        {/foreach}

                                        </tbody>
                                    </table></div>
                            </div>
                        </div>
                        {if !empty($list)}
                        <div   class="lemon-pager pager">
                            <div class="infos">共{$count}条记录<span style="margin-left: 20px">成功：{$count2}</span><span  style="margin-left: 20px">失败：{$count1}</span  ><span style="margin-left: 20px">撤回：{$count3}</span></div>                            <div class="actions">
                            <div  class="actions">
                                {$list->render()}
                            </div>
                        </div>
                            {/if}
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
